.chaos-maker-rule-step {
  .ant-steps-item-icon {
    background: #FFFFFF;
    border-color: var(--Colors-Use-Main-Primary);

    .anticon {
      color: var(--Colors-Use-Main-Primary) !important;
    }
  }
}

.chaos-maker-rule-step-active {
  .ant-steps-item-icon {
    background: var(--Colors-Use-Main-Primary) !important;
    border-color: var(--Colors-Use-Main-Primary) !important;
  }
}

.chaos-maker-rule-step-unactive {
  .ant-steps-item-icon {
    border-color: #EEEEEE !important;
  }
}

.chaos-maker-rule-steps {
  .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    background-color: var(--Colors-Use-Main-Primary) !important;
  }
}